/* 
    Document   : style
    Created on : 24.12.2010, 15:57:49
    Author     : PetrovSA
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@font-face {
	font-family: 'ChunkFive Regular';
	src: url('fonts/Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('fonts/Chunkfive.woff') format('woff'), url('fonts/Chunkfive.svg#ChunkFive') format('svg'), url('fonts/Chunkfive.otf') format('opentype');
}

body {
        background: #01a1dd url("/images/winter.png") repeat-x scroll 0 0;
        /*background: #01a1dd url("/images/summer.png") repeat-x scroll 0 0;*/
        font-family: "Calibri","Lucida Console";
        /*font-family: "lucida grande",tahoma,verdana,arial,sans-serif;*/
	color: #a6d7f2;
}


#d_clip_container {
        float: right;
        margin: 0px 20px 0px 0px;
}
.my_clip_button {
        width:100px;
        height:27px;
        font-weight: bold;
        font-size: 14px;
        font-family: "Calibri","Lucida Console";
        color: #ccf1f5;
        text-align:center;
        border:0;
        background: none;
        margin:  0px;
        padding: 5px;
        cursor:default;
        background: transparent url(images/mainform/button_copy.png) no-repeat top center;
}

.my_clip_button.hover {
        background: transparent url(images/mainform/button_copy_set_focus.png) no-repeat top center;
        color: #e1eced;
}

.my_clip_button.active {
        background: transparent url(images/mainform/button_copy_pressed.png) no-repeat top center; 
        color: #e1eced;
}

#divheader {
        margin: 2px auto;
        height: 60px;
        width:  650px;
        background: transparent url(images/mainform/header_foots.png) no-repeat top center;
        /*background: transparent url(images/mainform/flowersprint.png) no-repeat top center;*/
}

#divcontent {
        margin: 2px auto 5px auto;
        height: 470px;
        width:  650px;
        background: transparent url(images/mainform/content.png) no-repeat top center;
        /*background: transparent url(images/mainform/content_cap.png) no-repeat top center;*/
}

#divfooter {
        margin: 5px auto;
        height: 30px;
        width:  650px;
}

#div-left-side-panel {
        margin: 0;
        float: left;
        height: 400px;
        width:  480px;
}

#divlink {
        margin: 40px 40px 0px 39px;
        float: left;
        height: 43px;
        width:  411px;
        background: transparent url(images/mainform/link1.png) no-repeat top center;
}

#divshort {
        margin: 15px 45px 0px 45px;
        float:  left;
        height: 200px;
        width:  390px;
        background: transparent url(images/mainform/cloud.png) no-repeat top center;
}

#divbutton {
        margin: -3px 0px 0px 0px;
        float:  right;
        height: 150px;
        width:  154px;
        background: transparent url(images/mainform/button_out_focus.png) no-repeat top center;
}

#divbutton:hover {
	background: transparent url(images/mainform/button_set_focus.png) no-repeat top center;
}

#divbutton:active {
	background: transparent url(images/mainform/button_pressed_focus.png) no-repeat top center;
}

#txtlink {
        margin: 7px 0px 0px 5px;
        background: none;
        height: 25px;
        width: 400px;
        border: 0px;
        font-weight: bold;
        font-family: "Calibri","Lucida Console";
}

#txtshort {
        margin: 80px 0px 0px 30px;
        background: none;
        border: 0px;
        height: 25px;
        width: 290px;
        color: #7ebec5;
        text-align: center;
        font-weight: bold;
        font-size: 24px;
        font-family: "Calibri","Lucida Console";
}

#btngetshort {
        background: none;
        border: 0px;
        height: 150px;
        width: 154px;
}

#btngetshort:hover {
        color: #b3201e;
        font-size: 24px;
}

a:link {
        color: #52b2e4;
        text-decoration: none;
        font-weight: bold;
}

a:visited {
        color: #52b2e4;
        text-decoration: none;
}

a:active {
        color: #52b2e4;
        text-decoration: none;
}

a:hover {
        color: #52b2e4;
        text-decoration: none;
}

#copyright {
    margin-left: 30px;
    font-weight: bold;
}

#dropbookmarks {
    position: fixed;
    top: 0;
    right: 0;  
    text-align: center;
}

#share {

}